<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<article>
    <p id="container">
        <p id="photo">
            <img src="../../Text/img/第一张.jpg" alt="">
            <img src="../../Text/img/第一张.jpg" alt="">
            <img src="../../Text/img/第一张.jpg" alt="">
        </p>
    </p>
</article>
<article>
    <div class="container">
        <input type="radio" id="pic1" name="pic" checked />
        <input type="radio" id="pic2" name="pic" />
        <input type="radio" id="pic3" name="pic" />
        <div class="wrap">
            <img
                    src="http://t8.baidu.com/it/u=3571592872,3353494284&fm=79&app=86&size=h300&n=0&g=4n&f=jpeg?sec=1585280100&t=7742945a74ebcce9fa6e646bd9889417"
                    alt=""
            />
            <img
                    src="http://t8.baidu.com/it/u=2247852322,986532796&fm=79&app=86&size=h300&n=0&g=4n&f=jpeg?sec=1585280100&t=c20ff8a56019a498659ca44cdfdb0006"
                    alt=""
            />
            <img
                    src="http://t7.baidu.com/it/u=3204887199,3790688592&fm=79&app=86&size=h300&n=0&g=4n&f=jpeg?sec=1585280100&t=a16e6d27e5998430add1983fd553673f"
                    alt=""
            />
        </div>
        <div class="arrow left">
            <label for="pic1">左箭头1</label>
            <label for="pic2">左箭头2</label>
            <label for="pic3">左箭头3</label>
        </div>
        <div class="arrow right">
            <label for="pic1">右箭头1</label>
            <label for="pic2">右箭头2</label>
            <label for="pic3">右箭头3</label>
        </div>
    </div>

</article>
</body>
</html>